<template>
    <h3>我是子组件</h3>
    <div >
        <input v-model="a" type="text" placeholder="请输入"/>
        <button @click="handleSubmit" type="button">添加</button>
    </div>
</template>
<script setup>
import { ref } from 'vue'

const a= ref('1')
const emits = defineEmits(['add']) //可派发多个事件，如：defineEmits(["myClick","myClick2"])
const handleSubmit = () => {
  emits('add', a.value)   //在子组件中点击【添加】按钮后，emit一个自定义事件，并将添加的值作为参数传递。
  a.value = ''
}
</script>